<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <!--覆盖上列样式  -->
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/css/global.css">
    <link rel="stylesheet" href="res/css/style.css"/>
    <link rel="stylesheet" href="res/layui/extend/steps/style.css">
  <body >
 



   <div class="header">
      <div class="main">
         <a href="main.html"><img class="fl logoimg" src="res/images/fly.jpg"></a>
            <a class="title fl" href="index.html">
          我是学生</a>
         <a class="title fl" href="#"> 
          帮助中心</a>
       
        <div class="nav-user">

            <div class="fl user-header-top">
            <a class="lindang" href="">
            <img src="res/images/tx.png">
            </a>
         <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">粉丝</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">课程标签</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">系统通知</a>
                  </li>
              </ul>
              </div>
             </div>
              </div>
            <div class="fl user-header-top">
            <a class="lindang "  href="">
            <img src="res/images/xx.png">
            </a>
                        <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">私聊</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">群聊</a>
                  </li>
               
              </ul>
              </div>
             </div>
            </div>
         <div class="fl user-header-top">
            <a   class="iconfont   icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
            </a>

            <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                    <li class="fun-list">
                      <a href="setting.html">系统设置</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">退出登录</a>
                  </li>
              </ul>
              </div>
             </div>
          </div>
        </div>
      </div>
    </div>




     <div class="risk_wrap" >    
     <!--右侧内容开始-->
        <div class="account_quan" >

            <h3 class="risk_title1"><span class="fl">我是教师</span></h3>
            
    
<div id="step_demo" class="step-body">
  <div style="padding:0 25px">
    <div class="step-header " style="width:100%;overflow: hidden;">
        <ul>
            <li>
                <span class="step-name">选择身份</span>
            </li>
            <li>
                <span class="step-name">入驻协议</span>
            </li>
            <li>
                <span class="step-name">身份证明</span>
            </li>
            <li>
                <span class="step-name">个人资料</span>
            </li>
            <li>
                <span class="step-name">等待审核</span>
            </li>
            <li>
                <span class="step-name">审核结果</span>
            </li>
            
        </ul>
    </div>
     </div>
    <div class="bubottom"></div>
  <div class="basic_infor">
    <div class="step-content">
       <!--  选择身份 -->
        <div class="step-list">
             <div class="rzxy">对不起，您尚未入驻平台</div>
             <div class="rzxy1">请选择一项身份入驻</div>
            <div class="layui-btn" id="goBtn1" style="margin: 10px 0 10px 435px;">个人入驻</div>
            <a href="addjigoustep.html"><div class="layui-btn" id="" style="margin: 10px 0 10px 435px;">机构入驻</div></a>
        </div>
       <!--  入驻协议 -->
        <div class="step-list">
          <div class="rzxy">个人入驻协议</div>

          <div class="contentword" style="padding:0 50px">个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议个人入驻协议</div>
    
  <div class="layui-form-item layui-form" pane="">

    <div class="layui-input-block">
      <input type="checkbox" name="like1[write]" lay-skin="primary" title="我已阅读并同意协议" checked="">
     
    </div>
  </div>
       <div class="layui-btn" id="goBtn2" style="margin: 0 0 0 435px;">下一步</div>
                    

        </div>
         <!--  身份证明 -->
        <div class="step-list">
        
            <li>
            <span class="spansl">教学领域</span>      
            </li> 
            <li>
            <div class="layui-inline">
            <div class="layui-input-block">
            <input type="text" id="teachingField" class="layui-input title" lay-verify="required" placeholder="请输入教学领域">
            </div>
            </div>              
            </li>
           <div class="layui-btnqhui" style="width:360px;margin: 10px 0 0 0">+增加辅助教学领域</div>
            <li>
            <span class="spansl">个人简介</span>      
            </li>
            <li>
            <div class="layui-form-text ">
            <div class="layui-input-blockt">
            <textarea placeholder="请输入个人简介" class="layui-textarea" name="desc"></textarea>
            </div>
            </div>
            </li>
             <div class="layui-btn" id="goBtn3" style="margin: 20px 0 0 435px;">下一步</div>
        </div>
          <!--  个人资料 -->
        <div class="step-list">
                        <ul class="basic_two layui-form">
                    <li style="font-size: 20px;color:#4A4A4A ">
                      请填写个人资料
                    
                     
                    </li>
                                   <li>
                        <span class="fl">头像</span>
                 
                     
                    </li>
                      <div class="addtuchu" id="addHead">
                       <img  class="fl head-img"  src="res/images/sc1.png">

                         <div class="fl xianchuanc">
                         <p class=" "> 1.请上传居中清晰头像，尺寸不小于130X130，文件小于2M，支持JPG/PNG/BMP等格式图。</p>
                           <p class=" ">2.请上传本人真实头像，通过审核后将显示在老师主页，暂不提供修改</p></div>
                      
                     
                    </div>
                      <div class="clear"></div>
                            <li>
                        <span class="fl">真实姓名</span>       
                          <div class="layui-inline">
                            <div class="layui-input-block">
                                <input type="text" class="layui-input title" lay-verify="required" placeholder="请输入真实姓名">
                            </div>
                        </div>              
                    </li>
                    <li>
                        <span class="fl">身份证明</span>
                        <span class="fl" id="toCollectInterest">身份证</span>
                    </li>
                        <li>
                        <span class="fl">身份证号</span>       
                          <div class="layui-inline">
                            <div class="layui-input-block">
                                <input type="text" class="layui-input title" lay-verify="required" placeholder="请输入身份证号">
                            </div>
                        </div>              
                    </li>
                    
                     <li>
                        <span1 class="fl">证件照</span1>
                 
                     
                    </li>
                      <div class="addtuchu" id="addCardImg">
                       <img  class="fl card-img"  src="res/images/sc.png">
                         <div class="fl xianchuanc" style="margin: 0 0 0 30px;">
                         <p class=" ">1.如图所示拍照时仅拍上半身手持身份证或者护照</p>
                         <p class=" ">2.证件内容必须清晰无遮挡，且真实有效</p>
                           <p class=" ">3.请勿使用自拍方式</p>
                          <p class=" ">4.支持jpeg/jpg/png/bmp格式，大小小于10M</p>
                          </div>
                      
                     
                    </div>
                      <div class="clear"></div>
                  <div class="layui-btn shenhe" id="goBtn4" style="margin: 0 0 0 435px;" >提交审核</div>  
                  
                </ul>
        </div>
         <!--  等待审核 -->
        <div class="step-list">
            <div class="rzxy">您的信息已提交，正在审核中...</div>
            <div class="rzxy2">您的审核已提交，工作人员将在1个工作日内处理<br />审核材料，请您耐心等待。</div>
           <div class="rzxy1"> 如有疑问请拨打：55555555</div>
        </div>
          <!--  审核结果 -->
        <div class="step-list">
              <div class="rzxy"> 个人入驻成功！</div>
            <div class="rzxy2">您已成功入驻微课程，立即前往查看吧。</div>
         <a href="main.html"><div class="layui-btn" id="" style="margin: 0 0 0 435px;">立即查看</div></a>  
         <div class="layui-btn layui-btn-primary" id="" style="margin: 20px 0 0 435px;">稍后再说</div>    
        </div>
        
    
    </div>
   </div>
</div>

<!--<button id="preBtn">上一步</button>
 <button id="nextBtn">下一步</button> 
<button id="goBtn">跳转的指定的步骤</button>-->

            
   

                 
        </div>
        <!--右侧内容结束-->
    </div>
<!-- 
<div id="chongzhi" class="white_content">

       <div class="con">
         <p>充&nbsp;&nbsp;值</p>
         <div class="cont">
       <div class="error"></div>
        <div class="p">可用金额（元）:12323</div>
        <div class="p">充值金额（元）:
        <input type="text" name="czje" placeholder="请输入充值金额"/></div>
        <div class="confirm_cha" id='qdcz'>确定充值</div>  
         <div class="center1"><input class="checkbox" type="checkbox" />我已经同意并阅读《小何在线用户服务协议》。</div>
      </div>
      </div>
</div> -->



  <div class="black_overlay"></div>


  <!-- 底部结束 -->
    <!--账户总览结束-->

<script src="res/layui/layui.js"></script>
 <script src="res/js/jquery-1.9.1.min.js"></script>
 <script src="res/js/script.js"></script>
    <script type="text/javascript" src="res/layui/config.js"></script>
	<script src="js/request.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/teachHead.js" type="text/javascript" charset="utf-8"></script>
	
<script>
var data={
    personalIntro:'',
    teachingField:'',
	pictureAddress:'',
	idCardPhoto:'',
	username:'',
	idCardNo:'',
	idCardType:0
}

layui.use(['jquery', 'steps','form', 'layedit', 'laydate', 'element',"upload"], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate
  ,element = layui.element;
   var upload = layui.upload;
    var $ = layui.$;

    var $step= $("#step_demo").step();

    $("#preBtn").click(function(event) {
        $step.preStep();//上一步
    });
    $("#nextBtn").click(function(event) {
        $step.nextStep();//下一步
    });
  
      $("#goBtn1").click(function(event) {
       $step.goStep(2);//到指定步
    });

    $("#goBtn2").click(function(event) {
       $step.goStep(3);//到指定步
    });

    $("#goBtn3").click(function(event) {
         data.personalIntro=$('.layui-textarea').val();
       $step.goStep(4);//到指定步
    });
        $("#goBtn4").click(function(event) {
			
			
       $step.goStep(5);//到指定步
    });

    $(function(){
           $step.goStep(1);//到指定步
    })
	
        //提交审核
    $(".shenhe").click(function () {
        // var $checkbox = $('.news_list tbody input[type="checkbox"][name="checked"]');
        // var $checked = $('.news_list tbody input[type="checkbox"][name="checked"]:checked');
        // if ($checkbox.is(":checked")) {
            layer.confirm('提交个人入驻资料后将不更改入驻类型', {icon: 3, title: '确定提交个人入驻资料吗？', btn : ['提交', '取消' ]}, function (index) {
                var index = layer.msg('提交中，请稍候', {icon: 16, time: false, shade: 0.8});
//                 for (var i = 0; i < $checked.length; i++) {
//                     var id = $checked[i].value;
//                     deleteUser(0, id);
//                 }

                // form.render();
				var param={
						personalIntro:data.personalIntro,
						teachingField:data.teachingField,
						pictureAddress:data.pictureAddress,
						idCardPhoto:data.idCardPhoto,
						username:data.username,
						idCardNo:data.idCardNo,
						idCardType:data.idCardType,
					}
				auditEdit(param,function(res){
					console.log(res);
					if(res.code==0){
						 layer.close(index);
						layer.msg("提交成功");
					}else{
						layer.msg(res.msg)
					}
				})
               
                
            })
        // } else {
        //     layer.msg("请选择需要删除的内容");
        // }
    })
	$('.layui-btnqhui').on('click',function(){
		 data.teachingField=$('#teachingField').val();
	})
	//上传头像
	$('.addHead').on('click',function(){
		
	})
	var uploadInst = upload.render({
    elem: '#addHead' //绑定元素
    ,url: baseUrl+'api/upload/file' //上传接口
    ,done: function(res){
      //上传完毕回调
	  if(res.code==0){
		  data.pictureAddress=res.data;
		  $('.head-img').attr('src',res.data);
	  }
    }
    ,error: function(){
      //请求异常回调
    }
  });
  var uploadInst = upload.render({
    elem: '#addCardImg' //绑定元素
    ,url: baseUrl+'api/upload/file' //上传接口
    ,done: function(res){
      //上传完毕回调
	  if(res.code==0){
		  data.idCardPhoto=res.data;
		  $('.card-img').attr('src',res.data);
	  }
    }
    ,error: function(){
      
    }
  });
});
</script>
</body>
</html>